<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	
<ui:composition>
	<rich:spacer height="8" />

<style>
.viewsourcepanel {
	padding-bottom: 0px;
	width: 100%;
	overflow: auto;
	border-width: 0;
	background-color: #FFF;
}

.viewsourcebody {
	padding: 0;
}

.viewsourceheader {
	background-color: #E6F3F7;
	background-image: none;
	border-width: 0px;
	padding: 0px;
	height: 6px;
}

.viewsourcediv {
	padding: 0 10px 10px 3px;
}
</style>
 <f:subview >
	<div style="width: 483px" class="viewsourcediv">
	<rich:panel id="source1"
		bodyClass="viewsourcebody" headerClass="viewsourceheader"
		styleClass="viewsourcepanel">
		<div style="width: 800px;">
		<rich:panelBar style="height:auto;border-bottom:none;width: 800px">
		<!-- Bang du lieu -->
		<h:form>
					<h:dataTable id="list" value="#{qlhcF234FuncInfo.tableItemF03}" var="item"
						columnClasses="column" headerClass="TableHeader"
						rowClasses="ROW1,ROW2" footerClass="TableFooter"
						style="width:100%; margin-left:0px;margin-top: 5px"
						cellspacing="1px;" rows="20">
						<h:column>
							<f:facet name="header">
								<h:outputText value="STT"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.stt}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Số Hộ chiếu"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.sohc}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Loại Hộ Chiếu"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.loaihc}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Ngày cấp"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.ngaycap}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Ngày hết hạn"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.ngayhethan}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Nơi cấp"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.noicap}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Tên người mang HC"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.ten}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="CMND"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.cmnd}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Ngày sinh"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.ngaysinh}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Giới tính"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.gioitinh}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Cơ quan"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.coquan}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Đảng vên"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.dangvien}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Chức vụ"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.chucvu}"></h:outputText>
						</h:column>

					</h:dataTable>
					<h:outputText value="Tổng số hộ chiếu hiện có: "
						style="color:red; font-size: 15px;"></h:outputText>
					<h:outputText value="#{qlhcF234FuncInfo.size}"
						style="color:red;font-size: 15px;font-weight: bold;"></h:outputText>

					<rich:datascroller align="left"  for="list" maxPages="5" />
					<!-- ket thuc phan trang -->
			</h:form>
		<!-- Ket thuc bang du lieu -->
		</rich:panelBar>
		</div>
	</rich:panel>
	</div>
</f:subview>	
</ui:composition>
</html>

